import Header from '../../header'
import '../../../scss/zhongzhuan.scss'
import Unit from '../../../hml'
import React, { Component } from 'react';
import { withRouter, NavLink, Switch, Redirect, Route } from 'react-router-dom';

import { observer, inject } from 'mobx-react';
@withRouter
@inject('first')
@observer
class G extends Component {
    constructor() {
        super()
        this.state = {
            header: 'OEC官方社群'
        }
    }
    componentDidMount() {
        const { setPdd } = this.props.first
        let data = []
        Unit.getApi2('/home/mediareports', {
            page_number: '1',
            page_size: '10'
        }).then((res) => {
            let data = res.data.data
            setPdd(data)
            console.log(data[0].id)
            console.log(res.data.data)
        })
    }

    render() {
        console.log(this.props.first.Pdd[0])

        // console.log(this.props.first.Pdd[0])

        const { header } = this.state
        return (
            <div className='guan'>
                <Header header={header}></Header>
                <div className='guan-main'>
                    <div className='next'>
                        <span>Telegram社区</span>
                        <img src={require('../../../image/QQ截图20210521084147.png').default} alt="" className='right' />
                    </div>
                    <div className='next'>
                        <span>WeChat社区</span>
                        <img src={require('../../../image/QQ截图20210521084147.png').default} alt="" className='right' />
                    </div>
                </div>
            </div>
        )
    }
}
export default G